import styled from "styled-components";

const OrgDetailSwiperStyle = styled.div`
  margin-top: 20px;

  h3 {
    margin-bottom: 8px;
  }

  .adm-swiper {
    border-radius: 15px;
    max-height: 30vh;
  }

  .contact {
    color: var(--themeColor1);
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;

    .location {
      a {
        color: black !important;
        margin-left: 6px;
        text-decoration: underline;
      }
    }

    .phone {
      font-size: 18px;
      ${(props) => props.theme.clickActiveAnimation}
    }
  }
`;

export default OrgDetailSwiperStyle;
